.left{text-align:left}
.center{text-align:center;}
.right{text-align:right;}
.content-right{
	padding-bottom:190px;
}
.diy{
	width:100%;
}
#diy-phone{
	float: left;
	width:345px;
	border:1px solid #e2e2e2;
	border-radius:15px;
	background:#fff;
}

.diy-phone-receiver,
.diy-phone-title,
.diy-phone-footer{
	display: block;
	margin:0 auto;
	background: url(modules.png) no-repeat;
}

.diy-phone-receiver{
	margin:13px auto;
	width:98px;
	height: 34px;
	background-position: 0 -74px;
}

.diy-phone-title{
	width: 320px;
	height: 32px;
	padding-top:32px;
	background-position: 0 0;
	color: #fff;
	font-size:18px;
	text-align: center;
	overflow:hidden;
	border:1px solid #22292C;
	border-bottom:0;
	cursor: pointer;
}

.diy-phone-footer{
	margin:10px auto;
	width: 62px;
	height: 61px;
	background-position: -253px -70px;
}

.diy-phone-contain{
	margin:0 auto;
	width:320px;
	min-height: 470px;
	background-color:#F9F9F9;
	border:1px solid #e2e2e2;
	overflow:hidden;
}

.diy-conitem{
	position: relative;
	z-index: 1;
}

.diy-conitem-action{
	position: absolute;
	top:0;
	left:0;
	width:320px;
	height: 100%;
	z-index: 111;
	cursor:pointer;
	box-sizing:border-box;
}

.drag .diy-conitem-action{
	cursor:move;
}

.diy-conitem-action:hover,
.diy-conitem-action.selected{
	border: 2px dashed #ffaa00;
}

.diy-conitem-action:hover .diy-conitem-action-btns,
.diy-conitem-action.selected .diy-conitem-action-btns{
	display:block;
}

.diy-conitem-action-btns{
	display:none;
	position: absolute;
	left:0;
	bottom: 0;
	height:16px;
	width:100%;
	text-align: right;
}
.diy-conitem-btn{
	display:inline-block;
	width: 30px;
	line-height: 16px;
	background:rgba(0,0,0,0.4);
	text-align: center;
	color:#fff;
	z-index:111;
}
.diy-conitem-btn.diy-edit{right: 33px;}
.diy-conitem-btn.diy-del{right:0;}

.diy-conitem-btn:hover{
	color: #fff;
	background: #ffaa00;
}
.diy .members_con{
	margin-left:3.125%;
	margin-right:3.125%;
}
.diy .nodrag .members_con{
	margin-left:0;
	margin-right:0;
}
.diy .nodrag .modulePadding:first-child{
	padding-top:0 !important;
}
#diy-phone.noMargin .members_con{
	margin:0;
}
#diy-phone.noMargin .members_search{
	width:94%;
}
.diy .drag{
/* 	padding: 3.125% 0; */
}

#diy-ctrl{
	float: left;
	margin-left:25px;
}

.diy-ctrl-item{
	position: relative;
	width: 630px;
	padding:10px;
	background-color: #F8F8F8;
	border:1px solid #e2e2e2;
	border-radius:5px;
}
.diy-ctrl-item::before,
.diy-ctrl-item::after{
	position: absolute;
	content:" ";
	top:16px;
	left:-16px;
	display: block;
	width:0;
	height:0;
	border:8px solid #F8F8F8;
	border-color:transparent #F8F8F8 transparent transparent ;
	z-index: 111;
}

.diy-ctrl-item::after{
	left:-17px;
	border-color:transparent #e2e2e2 transparent transparent ;
	z-index: 11;
}

.diy-actions{
	position: fixed;
	bottom:0;
	padding:10px;
	width:1000px;
	border:1px solid #E8E8E8;
	background-color: #f7f7f7;
	z-index: 10;
	box-shadow:0 0 9px 0 rgba(0,0,0,0.15);
}
.diy-actions-addModules a{
	display: block;
	float: left;
	margin:0 5px 2px 0;
	width: 110px;
	padding:8px 5px;
	font-size:14px;
	color:#333;
}

.diy-actions-addModules a:hover{
	background-color: #eee;
}

.diy-actions-submit{
	text-align: center;
	border-top: 1px dotted #e2e2e2;
	padding-top:10px;
}

.drag-highlight{
	color:#000;
	height:50px;
	margin:10px 0 15px;
	background:#eee;
	border:2px dashed #f47b7b;
}
.drag-highlight:before{
	content:"拖放在这里";
	display:block;
	line-height:50px;
	font:bold 18px/50px "microsoft yahei";
	color:#cecece;
	text-align:center;
}

.diy .fulltext,
.diy .fulltext p,
.diy .fulltext h1,
.diy .fulltext h2{
	font-family: sans-serif !important;
}

.diy .fulltext p{
	font-size:16px;
	padding:5px 0;
}
.diy .fulltext img{
	max-width:100% !important;
	height:auto;
}

.diy .fulltext h1,
.diy .fulltext h2{
	font-weight: bold;
	padding: 19px 0;
}

.diy .fulltext h1{
	font-size:32px;
}
.diy .fulltext h2{
	font-size:24px;
}

.type3_custModule,
.type3_custModule_ctrl{
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}

.type3_custModule{
	padding:0 5px;
	font-size:16px;
	height:40px;
	line-height:40px;
	font-weight: bold;
	background:#eee;
}
.type3_custModule_ctrl{
	max-width: 300px;
}

.ctrl-item-list-li{
	position: relative;
	border:1px solid #ddd;
	padding:25px 10px 10px;
	margin-bottom: 10px;
	background:#fefefe;
}
li.ctrl-item-list-add{
	border:1px dashed #999;
	font:bold 40px/1 "arial";
	color: #999;
	padding:10px;
	text-align: center;
	margin-bottom: 0px;
	cursor: pointer;
	background-color:#fff;
}
.ctrl-item-list-actions{
	position: absolute;
	top: 5px;
	left: 0px;
	width:100%;
	height:16px;
	text-align:right;
}
.diy .imgnav{
	position: relative;
	width:90px;
	height:90px;
	padding:1px;
	border:1px solid #ddd;
	overflow: hidden;
	text-align: center;
	cursor:pointer;
}
.diy .imgnav img{
	width:100%;
	height:auto;
	vertical-align:middle;
}
.imgnav-select{
	padding-top: 39px;
}
.diy .imgnav:hover .imgnav-reselect{
	display: block;
}
.imgnav-reselect{
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width:100%;
	height:30px;
	line-height: 30px;
	background-color:rgba(0,0,0,0.3);
	text-align: center;
	color: #fff;
}
.imgnav-info{
	margin-left: -22px;
}
/*slider*/
#slider,
.diy-slider{
	margin-top:8px;
	width:300px;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee ;
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}
/* Corner radius */
.ui-corner-all{
	border-radius:4px;
}

.members_nav1 ul li{
	width: 23.5%;
}
.members_nav1 ul li span,
.members_nav1 ul li span img{
	width:100%;
}

/* .diy .members_nav2,
.diy .members_flash,
.members_search{
	margin-top:10px;
	margin-bottom:10px;
} */
.diy .members_flash{
	height:auto;
}